import { fileURLToPath, URL } from 'url'
//import styleImport, { VantResolve } from 'vite-plugin-style-import'; vant4i不再支持，引入式样文件，但有点错。直接全局引入了。
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import { svgBuilder } from './src/plugins/svgBuilder'
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from 'unplugin-vue-components/resolvers'
// import { createProxyMiddleware } from 'http-proxy-middleware'

// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
	const env = loadEnv(mode, process.cwd())
	const { VITE_APP_ENV } = env
	return {
		//编译路径，可以指定编译后的URL请求ASSET_URL路径
		base: VITE_APP_ENV === 'production' ? '/hik/' : '/',
		plugins: [
			vue(),
			// styleImport({
			//   //resolves: [VantResolve()],
			// }),
			//上面是vite-plugin-style-import，VUe3.2不再支持，改用下面
			//unplugin-vue-components/自动引入组件，但引入后navbar变形
			Components({
				resolvers: [VantResolver()] //不按需导入了，2023-10-09
			}),
			svgBuilder('./src/assets/icons/svg/')
		],
		resolve: {
			alias: {
				'@': fileURLToPath(new URL('./src', import.meta.url))
			}
		},
		build: {
			watch: {
				// https://rollupjs.org/guide/en/#watch-options
			}
		}
		// server: {
		// 	host: '0.0.0.0',
		// 	port: 3000,
		// 	https: false,
		// 	proxy: {
		// 		'/wxapi': {
		// 			target: 'http://www.dgpm.cn/hik',
		// 			changeOrigin: true,
		// 			pathRewrite: {
		// 				'^/wxapi': '/wxapi'
		// 			}
		// 		},
		// 		'/api': {
		// 			target: 'http://www.dgpm.cn/hik',
		// 			changeOrigin: true,
		// 			pathRewrite: {
		// 				'^/api': '/api'
		// 			}
		// 		}
		// 	}
		// }
		// define: {
		// 	'process.env': {}
		// }
	}
})
